// 改写组件颜色
$--color-primary: #20a0ff;

/* 改变 icon 字体路径变量，必需 */
$--font-path: './../../../node_modules/element-ui/lib/theme-chalk/fonts';
@import "./../../../node_modules/element-ui/packages/theme-chalk/src/index";

// 侧边栏
.sidebar > ul {
  background-color: #3b4966;
}

.el-menu {
  background-color: rgb(45, 58, 85);
}

.el-submenu__title {
  color: #bfcbd9;
}

.el-submenu__title:hover {
  background-color: #4d5b71;
}

.el-menu-item {
  color: #bfcbd9;
}

.el-menu-item:hover {
  background-color: #48576a;
}

ul > li > .el-menu > .el-menu-item {
  background-color: #2d3a55;
}

ul > li > .el-menu > .el-menu-item:hover {
  background-color: #425170;
}

.el-menu-item:focus {
  background-color: #324157;
}

// 改写组件样式
.el-tabs {
  height: 100% !important;
}

.el-tabs .el-tabs__content {
  padding: 2px 6px;
  overflow-x: auto !important;
  overflow-y: auto !important;
}

.el-tabs .el-tabs__content .el-tab-pane {
  //min-width: 900px;
}

.el-table {
  color: #1f2d3d;
}

.el-table .cell {
  white-space: nowrap !important;
  text-align: center;
}

.el-table .el-checkbox__inner {
  margin-left: 8px;
}

.el-table--mini td, .el-table--mini th {
  padding: 0 !important;
}

.el-table thead tr th .cell .caret-wrapper {
  height: 30px !important;
  margin-left: 20px;
}

.el-table thead tr th .cell .caret-wrapper .sort-caret {
  font-size: 12px !important;
}

.el-table td, .el-table th {
  height: 28px !important;
  padding: 0 !important;
}

.el-table thead tr th {
  color: #1f2d3d;
  line-height: 30px !important;
  background-color: #eef1f6;
}

.el-table tr:hover {
  background: #f6faff;
}

.el-table .el-button {
  padding: 5px 8px;
}

.el-dialog .el-input.dialog-input {
  width: 85%;
}

.el-checkbox .el-checkbox__label {
  padding-left: 6px;
}

.el-card .el-card__header .el-form .el-form-item {
  margin-bottom: 0;
}

// special setting
.class-list-dialog .el-dialog__body {
  padding: 5px 15px;
}

/* Dialog */
.el-dialog h1 {
  font-size: 20px;
  color: #555;
}

.searchWrap input.el-input__inner {
  height: 25px !important;
  line-height: 25px !important;
}

.searchWrap .el-form-item__label, .searchWrap .el-form-item__content, .searchWrap .el-form-item__content .el-cascader {
  line-height: 25px !important;
  height: 26px;
}

.el-table_2_column_32 .cell .el-button + .el-button {
  margin-left: -5px !important;
}

.el-table_2_column_32 .cell {
  text-align: center !important;
}

.searchWrap .el-date-editor .el-range-separator {
  position: relative;
  top: -4px;
}

.searchWrap .el-date-editor.el-range-editor {
  height: 20px;
  position: relative;
  top: 3px;
}

.el-date-editor .el-range__icon, .el-date-editor .el-range__close-icon {
  position: relative;
  top: -4px;
}

.searchWrap .el-button {
  height: 26px;
}

.searchWrap .el-radio-button {
  position: relative;
  top: -2px;
  height: 20px;
}

.searchWrap .el-radio-button span {
  height: 20px;
  padding: 4px 15px !important;
}

.searchWrap span, .searchWrap label, .searchWrap input {
  font-size: 11px !important;
}

.searchWrap button span {
  font-size: 12px !important;
}

.searchWrap .el-col > div.bg {
  height: 26px;
}

.searchWrap label {
  position: relative;
  top: 2px;
}

.searchWrap .el-checkbox {
  top: -2px !important;
}

.el-tooltip__popper.is-dark {
  margin-top: 5px !important;
  padding: 2px 5px;
}

.el-icon-date, .el-icon-circle-close {
  position: relative;
  top: -2px;
}
